
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" template="/template/template.xhtml">
	
	<title>RefAxion | Gestion de Talleres Mecanicos</title>

			<link type="image/x-icon" href="img/favicon.ico" rel="shortcut icon" />
			<link rel="shortcut icon" href="img/favicon.ico" />
			
			<f:metadata>
				<f:event type="preRenderView" listener="#{formUsuarioBean.listarTipoUsuario}" />
			</f:metadata>  
		
		
	
	<ui:define name="body">
	    
		<h1>Formulario de Ingreso de Usuario de Sistema</h1>
		
		<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
		<h:form id="formRegistroUsuario" enctype="multipart/form-data">
			<p:panel id="idPanelInfo" header="Ingreso de Usuario">
			
					<table>
						<tr>
							<td><h:outputLabel value="Rut : " /></td>
							<td><p:inputText id="rut" value="#{formUsuarioBean.usuarioNuevo.rut}" required="true"
							 validator="#{formUsuarioBean.validate}"
							 mask="99 999 999-9"/>
							  (Sin puntos ni guion ej. 12223334") 
							<p:message for="rut" />
							</td>
						</tr>
						<tr>
							<td><h:outputLabel value="Nombres : " /></td>
							<td><p:inputText id="nombre" value="#{formUsuarioBean.usuarioNuevo.nombre}" required="true" size="50"
							style="width: 300px;white-space: normal" /></td>
						</tr>
						
						<tr>
							<td><h:outputLabel value="Apellido Paterno : " /></td>
							<td><p:inputText id="apellidoPaterno" value="#{formUsuarioBean.usuarioNuevo.apellidoPaterno}" required="true" size="50"
							style="width: 300px;white-space: normal"/></td>
						</tr>
											
						<tr>
							<td><h:outputLabel value="Apellido Materno : " /></td>
							<td><p:inputText id="apellidoMaterno" value="#{formUsuarioBean.usuarioNuevo.apellidoMaterno}" required="true" size="50"
							style="width: 300px;white-space: normal"  /></td>
						</tr>						
						
						<tr>
							<td><h:outputLabel value="Telefono : " /></td>
							<td><p:inputText id="telefono" value="#{formUsuarioBean.usuarioNuevo.telefono}" required="true" size="50"
							style="width: 300px;white-space: normal"  /></td>
						</tr>
						
						<tr>
							<td><h:outputLabel value="Direccion : " /></td>
							<td><p:inputText id="direccion" value="#{formUsuarioBean.usuarioNuevo.direccion}" required="true" size="50"
							style="width: 300px;white-space: normal"  /></td>
						</tr>
					</table>
									
					</p:panel>	
						
					<p:panel id="idPanelInfoCuenta" header="Cuenta de Usuario">
						<table>
							<tr>
								<td><h:outputLabel value="Perfil Asignado : " /></td>
								<td><p:selectOneMenu id="tipoUsuario"
									value="#{formUsuarioBean.usuarioNuevo.tipoUsuarioDescripcion}"
									>
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{formUsuarioBean.listaTiposUsuario}"
										var="e"  itemValue="#{e}" itemLabel="#{e.tipoUsuarioDescripcion}"  />
								
									</p:selectOneMenu>
								</td>
			
							</tr>
							<tr>
								<td><h:outputLabel value="email : " /></td>
								<td><p:inputText id="email" value="#{formUsuarioBean.usuarioNuevo.email}" required="true" /></td>
							</tr>
							<tr>
								<td><h:outputLabel value="Nombre Usuario : " /></td>
								<td><p:inputText id="usuario" value="#{formUsuarioBean.usuarioNuevo.usuario}" required="true" /></td>
							</tr>
							<tr>
								<td><h:outputLabel value="Ingresar Password : " /></td>
								<td><p:password  id="password" value="#{formUsuarioBean.usuarioNuevo.password}" required="true" match="password2" /></td>
							</tr>
							<tr>
								<td><h:outputLabel value="Reingresar Password : " /></td>
								<td><p:password  id="password2" required="true" /></td>
							</tr>
						</table>
					</p:panel>
					<p:commandButton value="Registrar Usuario" action="#{formUsuarioBean.registrarUsuarioNuevo}" styleClass="btnEnviar"
								process="@form" update="@form"/>

		</h:form>
	</ui:define>
</ui:composition>		